{% extends "site_base.html" %}

{% load i18n %}
{% block head_title %}eMHub{% endblock %}

{% block body_class %}home{% endblock %}

{% block body_base %}
    <section class="jumbotron">
        <div class="container">
            {% include "_messages.html" %}
            <h1>{% blocktrans %}Welcome to<br>eMHub: Management Made Easy{% endblocktrans %}</h1>
            <p>
                {% blocktrans %}
                Enabling the Greek community with easy, centralized access to data.
                {% endblocktrans %}
            </p>
            {% if not user.is_authenticated %}
            {% url "account_login" as login_url %}
            {% url "account_signup" as signup_url %}
            <p>{% blocktrans %}You can <a href="{{ login_url }}" class="btn btn-default">Log In</a> or <a href="{{ signup_url }}" class="btn btn-primary">Sign Up</a> to try out the site.{% endblocktrans %}</p>
            {% else %}
            {% url "emhub:home" as home_url%}
            <p>{% blocktrans %}Click <a href="{{ home_url }}">here</a> to enter Rho Pi: eMHub Server.{% endblocktrans %}</p>
            {% endif %}
        </div>
    </section>
    <section>
        <div class="container">
            <h2 class="text-center">{% blocktrans %}What is eMHub?{% endblocktrans %}</h2>
            <p class="lead">
                {% blocktrans %}
                <b>eMHub</b> is your one stop solution to Greek Management. Gain realtime access to the information you need. Gain the ability to share your events and announcements quickly. Get responses lightning fast!
                {% endblocktrans %}
            </p>
            <div class="feature-columns">
                <div>
                    <i class="fa fa-cubes fa-3x"></i><br>
                    {% blocktrans %}
                    <b>Calendars</b> provide users with collaborative event management.
                    {% endblocktrans %}
                </div>
                <div>
                    <i class="fa fa-puzzle-piece fa-3x"></i><br>
                    {% blocktrans %}
                    <b>Lists</b> provide users an easy way to assign tasks to specific groups. 
                    {% endblocktrans %}
                </div>
                <div>
                    <i class="fa fa-tint fa-3x"></i><br>
                    {% blocktrans %}
                    <b>Tasks</b> provide transparency between all members and help increase users awareness of their assigned tasks.
                    {% endblocktrans %}
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <p class="lead text-center">
                {% blocktrans %}
                Check out our <a href="https://github.com/mayc2/eMHub/tree/mysite">source code</a>
                here.
                {% endblocktrans %}
            </p>
        </div>
    </section>
{% endblock %}
